<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>订货宝 让生意更美好！</title>
	<script src="../../static/js/vue.js"></script>
	<!-- 引入样式 -->
	<link rel="stylesheet" href="../../static/css/element.css">
	<link rel="stylesheet" href="../../static/css/global.css" />
	<link rel="stylesheet" href="../../static/css/main.css" />
	<link rel="stylesheet" href="../../static/css/myelement.css" />
	<!-- 引入组件库 -->
	<script src="../../static/js/element.js"></script>
	<script src="../../static/js/jquery.min.js"></script>
</head>
<body>
	<div id="app">
		<div class="main-content">
			<!-- 页面头部 -->
			<div class="page-header">
				<h1 class="page-title">规格设置</h1>
				<div class="breadcrumb">首页<span>/</span>基础数据<span>/</span>规格设置</div>
			</div><!-- 页面头部 end -->

			<div class="spec_seeting">
				<div class="spec_items">
					<h2>分量</h2>
					<div class='check_box'>
						<label class='check_custom'>
							<input type="checkbox" name="spec1" checked>
							<span class='name'>大份</span>
						</label>
						<label class='check_custom'>
							<input type="checkbox" name="spec1">
							<span class='name'>中份</span>
						</label>
						<label class='check_custom'>
							<input type="checkbox" name="spec1">
							<span class='name'>小份</span>
						</label>
					</div>
				</div>
				<div class="spec_items">
					<h2>口味</h2>
					<div class='check_box'>
						<label class='check_custom'>
							<input type="checkbox" name="spec1" checked>
							<span class='name'>特辣</span>
						</label>
						<label class='check_custom'>
							<input type="checkbox" name="spec1">
							<span class='name'>中辣</span>
						</label>
						<label class='check_custom'>
							<input type="checkbox" name="spec1">
							<span class='name'>微辣</span>
						</label>
						<label class='check_custom'>
							<input type="checkbox" name="spec1">
							<span class='name'>不辣</span>
						</label>
						<label class='check_custom'>
							<input type="checkbox" name="spec1">
							<span class='name'>微辣</span>
						</label>
						<label class='check_custom'>
							<input type="checkbox" name="spec1">
							<span class='name'>不辣</span>
						</label>
					</div>
				</div>
				<div class="spec_items">
					<h2>偏好</h2>
					<div class='check_box'>
						<label class='check_custom'>
							<input type="checkbox" name="spec1" checked>
							<span class='name'>多加葱</span>
						</label>
						<label class='check_custom'>
							<input type="checkbox" name="spec1">
							<span class='name'>少加葱</span>
						</label>
						<label class='check_custom'>
							<input type="checkbox" name="spec1">
							<span class='name'>不加葱</span>
						</label>
					</div>
				</div>
			</div>

			<div class="edit-button-fixed">
				<div class="edit-button">
					<el-button type="primary" @click="handleSave">确定</el-button>
					<el-button @click="handleCancel">取消</el-button>
				</div>
			</div>

		</div>
	</div>

<script th:inline="javascript">
		new Vue({
			el: "#app",
			data: {}
		})
</script>
</body>
</html>